import { createContext } from "react";

/* 
为什么使用context？
- 数据传递的过程中 如果是通过props 层层传递 比如登录信息、ui主题 过于繁琐
造成中间的传递浪费  Context提供了组件间的共享

使用context机制 跨层级组件通信
实现思路：
- 使用createContext方法创建一个上下文对象Ctx
- 在父组件组件通过Ctx.Provider组件提供数据
- 在子组件中通过useContext钩子函数获取数据
*/

export const ThemeContext = createContext<string>('dark')